<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pepper GPU Demo</title>
<style>
  #container
  {
    margin: auto;
    padding: 0px;
    width: 90%;
    height: 90%;
    border-style: solid;
  }
  #plugin
  {
    margin: 0;
    border: 0;
  }
</style>

<script type="text/javascript">
var container;
var plugin;

function resizePlugin() {
  plugin.width = container.clientWidth;
  plugin.height = container.clientHeight;
};

function init() {
  container = document.getElementById('container');
  plugin = document.getElementById('plugin');

  window.onresize = resizePlugin;
  resizePlugin();
}
</script>
</head>

<body onload="init();">
<div id="container">
  <embed id="plugin" type="pepper-application/x-gpu-demo" />
</div>
</body>
</html>
